body, html {
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

div {
    display: block;
}

/* 设置了浏览器宽度不小于1200px时 body, html 显示1280px宽度 */
@media screen and (min-width: 1200px) {
    body, html {
        width: 1280px;
    }
}

/* 设置了浏览器宽度不大于1200px时 body, html 显示750px宽度 */
@media screen and (max-width: 1200px) {
    body, html {
        width: 750px;
    }
}

/* 设置了浏览器宽度不大于901px时 body, html 显示500px宽度 */
@media screen and (max-width: 901px) {
    body, html {
        width: 500px;
    }
}

/* 设置了浏览器宽度不大于500px时 body, html 显示自适应宽度 */
@media screen and (max-width: 500px) {
    body, html {
        width: auto;
    }
}


